<template>
  <f-table ref="table" rowKey="rowNo" :columns="columns" :exportBtn="false" :multiple="false" :operator="operator"
           :params="queryParam" :api="api.contractsmatdtl">
    <!--        <span slot="action" slot-scope="text, record">-->
    <!--          <template>-->
    <!--            <a @click="$refs.drawer.showDrawer(record)">编辑</a>-->
    <!--            <a-divider type="vertical"/>-->
    <!--          </template>-->
    <!--          <a-dropdown>-->
    <!--            <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>-->
    <!--            <a-menu slot="overlay">-->
    <!--              <a-menu-item v-if="$auth('table.delete')">-->
    <!--                <a href="javascript:;" @click="$refs.table.del(record)">删除</a>-->
    <!--              </a-menu-item>-->
    <!--            </a-menu>-->
    <!--          </a-dropdown>-->
    <!--        </span>-->
  </f-table>
</template>
<script>
  import api from './js/api'
  export default {
    name: 'contractsPaymentdtl',
    components: {
    },
    data() {
      let me = this
      //操作按钮
      let operator = []
      // operator.push({
      //   name: '添加',
      //   icon: 'plus',
      //   that: this,
      //   handler: function(table, that) {
      //       that.$refs.drawer.showDrawer()
      //   }
      // })
      // operator.push({
      //   name: '删除',
      //   icon: 'delete',
      //   batch: true,
      //   handler: function(table) {
      //       table.remove()
      //   }
      // })
      return {
        api: Object.assign(api, this.api),
        //列表初始化查询参数
        queryParam: {},
        // 表头
        columns: [
          {
            title: '付款阶段',
            align: 'center',
            dataIndex: 'payStageName'
          },
          {
            title: '付款说明',
            align: 'center',
            dataIndex: 'paymentExplain'
          },
          {
            title: '计划付款金额',
            align: 'center',
            dataIndex: 'plannedPaymentAmount'
          },
          {
            title: '计划付款日期',
            align: 'center',
            dataIndex: 'planpayDate'
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remarks'
          },
          {
            title: '付款比例(%)',
            align: 'center',
            dataIndex: 'plannedPaymentPercent'
          },
          {
            title: '付款比例(%)',
            align: 'center',
            dataIndex: 'plannedPaymentPercent'
          },
          {
            title: '主key',
            align: 'center',
            dataIndex: 'paymentDtlId'
          },
          {
            title: '合同主单ID',
            align: 'center',
            dataIndex: 'contractsId'
          }
        ],
        operator: operator
      }
    },
    created() {
    },
    methods: {}
  }
</script>
